<template>
  <div class="split-line">
    <span class="line"></span>
    <span class="text">
      {{note}}
    </span>
    <span class="line"></span>
  </div>
</template>
<script>
export default {
  props: ['note']
}
</script>

<style lang="scss" scoped>
.split-line {
    color: hsla(21,8%,49%,.7);
    font-size: .32rem;
    text-align: center;
    line-height: 1.33rem;
    margin: 10px;
    .line{
      height: 1px;
      background-color: #fdde4a;
      width: 12%;
      display: inline-block;
      margin-bottom: 3px;
    }
}
</style>
